.Approval{
    //导航栏
    .top{
        height: 44px;
        .icon{
            width: 16px;
        }
    }
    //过程
    .process{
        padding: 10px 20px;
        .smallProcess{
            height: 92px;
            border-radius: 10px;
        }
        .iconfont{
            font-size: 25px;
        }
        .iconOne{
            color: orangered;
        }
        .iconTwo{
            color: blue;
        }
        .iconThree{
            color: rgb(132, 194, 132);
        }
    }
    // 人事
    .personnelMatters{
        .text{
            padding: 10px 20px;
        }
        .item{
            margin: 10px 20px;
            height: 64px;
            border-radius: 10px;
            .greenMap{
                background-image: url(/assets/img/Approval-img/ugreen.png);
                height: 40px;
                width: 40px;
            }
            .blueMap{
                background-image: url(/assets/img/Approval-img/ublue.png);
                height: 40px;
                width: 40px;
            }
            .redMap{
                background-image: url(/assets/img/Approval-img/ured.png);
                height: 40px;
                width: 40px;
            }
            .yellowMap{
                background-image: url(/assets/img/Approval-img/uyellow.png);
                height: 40px;
                width: 40px;
            }
            .iconfont{
                color: #fff;
                font-size: 25px;
            }
        }
    }
    // 考勤
    .check-work-attendance{
        .text{
            padding: 10px 20px;
        }
        .item{
            margin: 10px 20px;
            height: 64px;
            border-radius: 10px;
            .greenMap{
                background-image: url(/assets/img/Approval-img/ugreen.png);
                height: 40px;
                width: 40px;
            }
            .blueMap{
                background-image: url(/assets/img/Approval-img/ublue.png);
                height: 40px;
                width: 40px;
            }
            .redMap{
                background-image: url(/assets/img/Approval-img/ured.png);
                height: 40px;
                width: 40px;
            }
            .yellowMap{
                background-image: url(/assets/img/Approval-img/uyellow.png);
                height: 40px;
                width: 40px;
            }
            .iconfont{
                color: #fff;
                font-size: 25px;
            }
        }
    }
    //行政
    .administration{
        .text{
            padding: 10px 20px;
        }
        .item{
            margin: 10px 20px;
            height: 64px;
            border-radius: 10px;
            .blueMap{
                background-image: url(/assets/img/Approval-img/ublue.png);
                height: 40px;
                width: 40px;
            }
            .redMap{
                background-image: url(/assets/img/Approval-img/ured.png);
                height: 40px;
                width: 40px;
            }
            .yellowMap{
                background-image: url(/assets/img/Approval-img/uyellow.png);
                height: 40px;
                width: 40px;
            }
            .iconfont{
                color: #fff;
                font-size: 25px;
            }
        }
    }
    //财务
    .finance{
        .text{
            padding: 10px 20px;
        }
        .item{
            margin: 10px 20px;
            height: 64px;
            border-radius: 10px;
            .greenMap{
                background-image: url(/assets/img/Approval-img/ugreen.png);
                height: 40px;
                width: 40px;
            }
            .blueMap{
                background-image: url(/assets/img/Approval-img/ublue.png);
                height: 40px;
                width: 40px;
            }
            .redMap{
                background-image: url(/assets/img/Approval-img/ured.png);
                height: 40px;
                width: 40px;
            }
            .yellowMap{
                background-image: url(/assets/img/Approval-img/uyellow.png);
                height: 40px;
                width: 40px;
            }
            .iconfont{
                color: #fff;
                font-size: 25px;
            }
        }
    }
    // 底部
    .footer{
        height: 50px;
    }
}